<script setup lang="ts">
import { QBtn } from "quasar";

const vueProps = defineProps<{
  icon?: string;
  active?: boolean;
  type?: string;
}>();
</script>

<template>
  <q-btn
    :type="vueProps.type || 'button'"
    :class="{
      'text-accent bg-slate-400': vueProps.active,
      'text-secondary bg-slate-400': !vueProps.active,
    }"
    class="bg-opacity-20 rounded px-2"
    :icon="vueProps.icon"
    unelevated
  >
    <slot></slot>
  </q-btn>
</template>
